﻿<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  <title>马角坝垃圾处理点选址</title>
  <link rel="icon" type="image/png" href="./assets/favicon.png">
  <link rel="stylesheet" type="text/css" href="./index.css" />
  <script async src="./lib/amap-cached.js"></script>
  <script defer src="./lib/jquery-3.4.1.min.js"></script>
  <script defer src="./pre.js"></script>
  <script defer src="./assets/data/stations.js"></script>
  <script defer src="./assets/data/slide-states.js"></script>
  <script defer src="./assets/geojson/xz/road-buffer.js"></script>
  <script defer src="./assets/geojson/xz/pond-buffer.js"></script>
  <script defer src="./assets/geojson/xz/residential-buffer.js"></script>
  <script defer src="./assets/geojson/xz/river-buffer.js"></script>
  <script defer src="./assets/geojson/xz/bad-area.js"></script>
  <script defer src="./assets/geojson/xz/pre-result.js"></script>
  <script defer src="./assets/geojson/xz/result-points.js"></script>
  <script defer src="./assets/geojson/xz/result.js"></script>
  <script defer src="./util.js"></script>
  <script defer src="main.js"></script>
</head>

<body>
  <header class="app-header">
    <img src="./assets/favicon.png" alt="logo">
    <h2>马角坝垃圾处理点选址</h2>
  </header>
  <div id="content">
    <div id="map-container" class="no-sidebar"></div>
    <aside id="sidebar" class="hidden">
      <img id="sidebar-toggler" class="icon-toggle-sidebar" src="./assets/icon/menu.png" alt="toggle sidebar" />
      <div class="sidebar-content">
        <h4 class="sidebar-title">选址图层</h4>
        <form autocomplete="off">
          <ul class="buffer-list">
            <li><label><input id="stations" name="stations" type="checkbox"><img src="./assets/icon/marker.png"
                  class="legend">现存处理点</label></li>
            <li><label><input id="xz-road-buffer" name="roadBuffer" type="checkbox"><span
                  class="legend"></span>道路缓冲区</label></li>
            <li><label><input id="xz-pond-buffer" name="pondBuffer" type="checkbox"><span
                  class="legend"></span>坑塘缓冲区</label></li>
            <li><label><input id="xz-river-buffer" name="riverBuffer" type="checkbox"><span
                  class="legend"></span>河流缓冲区</label></li>
            <li><label><input id="xz-residential-buffer" name="residentialBuffer" type="checkbox"><span
                  class="legend"></span>居民区缓冲区</label></li>
            <li><label><input id="xz-bad-area" name="badArea" type="checkbox"><span class="legend"></span>不适宜区域</label>
            </li>
            <li><label><input id="xz-pre-result" name="preResult" type="checkbox"><span
                  class="legend"></span>适宜备选区域</label>
            </li>
            <li><label><input id="xz-result" name="result" type="checkbox"><span class="legend"></span>适宜区域</label></li>
            <li><label><input id="xz-result-points" name="resultPoints" type="checkbox"><img src="./assets/icon/marker-red.png"
              class="legend">选址结果</label></li>
          </ul>
        </form>
        <h4 class="sidebar-title">选址过程</h4>
        <div class="xz-description-container">
          <div id="xz-description-container">
          </div>
        </div>
        <div class="xz-button-group">
          <button id="xz-previous">上一步</button>
          <button id="xz-next">下一步</button>
        </div>
      </div>
    </aside>
  </div>
</body>

</html>